<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>jquery基础</title>
    <style>
    </style>
    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">

    </script>

</head>

<body>
    <script>
        // 文档加载完成写法二
        $(function () {
            $("#btn1").click(function () {
                alert("Text: " + $("#test").text());
            });
            $("#btn2").click(function () {
                alert("HTML: " + $("#test").html());
            });
            $("#display").click(function () {
                alert("值为: " + $("#input").val());
            });
        });
    </script>
    <p id="test">这是段落中的
        <b>粗体</b> 文本。</p>
    <button id="btn1">显示文本</button>
    <button id="btn2">显示 HTML</button>
    <p>名称:
        <input type="text" id="input" value="这是jquery显示">
    </p>
    <button id="display">显示值</button>
</body>

</html>